<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/application/search.css">

<div class="page-title">
	<div class="wrapper">
		<h1 class="titl">TÌM KIẾM</h1>
	</div>
</div>
<div class="scroll-fix">
	<div class="wrapper">
		<form action="" role="form" ng-submit="getSearch(search)">
			<div class="input-group">
				<div class="input-group-addon"><span class="glyphicon glyphicon-search"></span></div>
				<input type="text" class="form-control" ng-model="searchF" placeholder="Nhập từ khóa tìm kiếm">
			</div>
			<br>
			<input type="submit" class="btn btn-primary pull-right" value="Tìm">
		</form>
		<div class="clearfix"></div>
		<br>

		<ul class="search-list-nav nav nav-tabs">
			<li role="presentation" ng-class="{active: viewSection==1}">
				<a href="" ng-click="viewSection=1">Bài học</a>
			</li>
			<li role="presentation" ng-class="{active: viewSection==2}">
				<a href="" ng-click="viewSection=2">Di tích - Bảo tàng</a>
			</li>
			<li role="presentation" ng-class="{active: viewSection==3}">
				<a href="" ng-click="viewSection=3">Danh nhân lịch sử</a>
			</li>
		</ul>
	</div>
</div>

<hr><br>

<div class="search-content">
	<div class="wrapper">
		<ul class="lesson-list">
			<li ng-repeat="ls in lessonList">
				<a href="#/lesson/{{ls._id}}">
					<span class="title">{{ls.title | removeLesson}}</span>
					<span class="glyphicon glyphicon-flag"></span>
				</a>
			</li>
		</ul>
	</div>
</div> <!-- search content -->